<script lang="ts" setup>
import { PlayVideo } from '@/components/basic/Operation/index'

// 引用声明
const props = defineProps({
  item: {
    type: Object,
    default: () => {
    }
  }
})
</script>

<template>
  <a-space :size="18" align="start" class="tasklist flex flex-col hover:shadow-lg hover:bg-f9">
    <a-space class="flex">
      <div class="label">数智人ID</div>
      <div>{{ props.item.digitalHumanId }}</div>
    </a-space>
    <a-space>
      <div class="label">数智人名称</div>
      <div>{{ item.digitalHumanName }}</div>
    </a-space>
    <a-space>
      <div class="label">任务名称</div>
      <div>{{ item.taskName }}</div>
    </a-space>
    <a-space>
      <div class="label">视频链接</div>
      <PlayVideo :row="{url:item.videoUrl,title:item.digitalHumanName}" />
    </a-space>
  </a-space>
</template>

<style lang="less" scoped>
.tasklist {
@apply p-2 mb-3 ml-4;
@apply bg-white;
@apply rounded-lg shadow cursor-pointer;

  .label {
    width: 80px;
  @apply text-right font-sans font-medium text-sm text-main;
  }
}
</style>
